查看原文
其他

Chrome 新功能:支持录制、重放和测试用户操作!

The following article is from code秘密花园 Author ConardLi

相信大家在平时都做过一些自动化测试的工作,Chrome 在最新的版本(Chrome 97)里面新增了一个非常好用的功能,可以帮助我们录制、回放、测试用户操作,今天就和大家来一起试用一下。

Recorder 面板

首先我们打开 Devtools,然后打开 More Tools - Recorder

或者也可以使用菜单命令打开 Recorder

开始录制

点击 Start new recording 后就可以开始录制啦。

面板显示 Recording... 就表示正在录制:

Recorder 会记录并展示我们操作过的每个步骤。

最后点击 End recording 可以结束录制过程。

重放用户操作

记录完用户操作后,我们可以点击 Replay 来重放整个操作过程,重播进度也会展示在面板的下面。

另外,我们还能通过 Replay settings 来模拟弱网环境:

测试页面性能

我们可以通过点击 Measure performance 来测量用户整个操作过程中的性能。

它会自动打开 Performance 面板来进行性能跟踪。

编辑操作

整个录制过程都会被转换成代码,这意味着我们可以随意更改每个环节的代码,甚至自己写一段自动化测试的代码:

整体使用下来体验还是非常不错的,之前必须要借助一些工具库实现的流程现在直接用 Chrome 也能实现了,大家快用起来吧 ~


- EOF -

推荐阅读  点击标题可跳转

1、腾讯旗下APP将暂停更新?回应来了

2、清华大学:2021 元宇宙研究报告!

3、网传腾讯天美程序员税后收入 250 万


觉得这条资讯有帮助?请转发给更多人

推荐关注 技术最前线看 IT 要闻

点赞和在看就是最大的支持❤️

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存